//art-template
//不仅可以在浏览器中使用，也可以在node中使用

//npm install art-template
//命令在哪执行，就安装在哪，默认下载到node_modules目录中

// 因为npm没有设置国内镜像服务器（因为大部分内容要去外网下载，直连比较慢）
// 先执行npm config set registry http://registry.npm.taobao.org
// 再执行安装命令，如npm install webpack@3.6.0 -g

//在node中使用art-template模板引擎
//最早就是诞生于服务器领域，后来发展到前端

//1.安装
//2.require方法加载art—template  require('art-template') install什么就require什么
//3.3查文档，使用模板引擎的api

var template = require('art-template')
var fs = require('fs')

// template('script标签id', {对象})

// var ret = template.render('hello {{ name }}', {
//     name: 'jack'
// })
// console.log(ret)


// var tplStr = `
// <!DOCTYPE html>
// <html lang="en">
// <head>
//     <meta charset="UTF-8">
//     <meta http-equiv="X-UA-Compatible" content="IE=edge">
//     <meta name="viewport" content="width=device-width, initial-scale=1.0">
//     <title>在浏览器中使用art-template</title>
// </head>
// <body>
//      <p>大家好，我叫 {{ name }}</p>
//      <p>我今年 {{ age }} 岁了</p>
//      <p>我来自 {{ province }}</p>
//      <p>我喜欢 {{ each hobbies }}  {{$value}} {{ /each }}</p>  
// </body>
// </html>`

fs.readFile('./tpl.html', function (err, data) {
    if (err) {
        return console.log('读取文件失败')
    }
   
    var ret = template.render(data.toString(), {
        name: 'jack',
        age: 18,
        province: '北京',
        hobbies: [
            '唱歌',
            '跳舞',
            '踢球'
        ]
    })
    console.log(ret)
})

